<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>提交订单</title>
        <link type="text/css" rel="stylesheet" href="../../css/user/base.css" />
        <link type="text/css" rel="stylesheet" href="../../css/user/order_submit.css" />
        <script type="text/javascript" src="../../lib/jquery.js"></script>
        <script type="text/javascript" src="../../js/user/order_submit.js"></script>
    </head>
    <body>
        <div class="top-bar">
            <div class="wrapper">
                <div class="top-link">
                    <a href="javascript:void(0);">首页</a>
                    <a href="javascript:void(0);">装机方案</a>
                    <a href="javascript:void(0);">在线装机</a>
                </div>
                <div class="login-state">
                    <a href="javascript:void(0);">登录</a>
                    <a target="_blank" href="javascript:void(0);">注册</a>
                </div>
            </div>
        </div>
        <div class="header">
            <div class="logo">
                <a href="javascript:void(0);">首页</a>
            </div>
            <div class="search-box">
                <form method="get" action="" id="">
                    <input type="text" name="keyword" value="联想Y470笔记本电脑" id="keyword1" class="stext" />
                    <input type="button" value="搜索" id="subSerch1" class="sbtn" />
                </form>
            </div>
            <p class="hot-search">
                <span>热搜：</span>
                <a href="javascript:void(0);">华硕XXXXX</a>
                <a href="javascript:void(0);">NVIDIA GTX 910</a>
                <a href="javascript:void(0);">每日新品</a>
            </p>
        </div>
        <div class="navigation">
            <a href="javascript:void(0);">装机方案</a>&nbsp;&gt;
            提交订单
        </div>
        <div class="wrapper">
            <div class="pic-bar">&nbsp;</div>
			<div class="main">
				<h1 class="title">填写核对订单信息</h1>
				<div class="content">
					<div class="block">
						<h2 class="block-hd">购买的装机方案</h2>
						<div class="block-bd">
							<table>
								<thead>
									<tr>
										<th><span class="picture">图片</span></th>
										<th><span class="component">部件</span></th>
										<th class="last"><span class="price">价格</span></th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>
											<a target="_blank" href="javascript:void(0);" class="picture">
												<img width="120" height="90" src="http://2f.zol-img.com.cn/product_small/3_80x60/989/cew7mgabOTCk.jpg" alt="" />
												<img width="120" height="90" src="http://2f.zol-img.com.cn/product_small/3_80x60/529/ceANDtKV8OAUk.jpg" alt="" />
											</a>
										</td>
										<td>
											<ul class="component">
												<li><span>主板：</span>华硕RAMPAGE IV EXTREME/BF3</li>
												<li><span>CPU：</span>Intel 酷睿i7 3960X 至尊版（盒）</li>
												<li><span>内存：</span>金士顿HyperX PnP 8GB DDR3 1600（KHX1600C9D3P1K2）</li>
												<li><span>硬盘：</span>WD 2TB 7200转 64MB SATA3 黑盘（WD2002FAEX）</li>
												<li><span>显卡：</span>华硕ENGTX590/3DIS/3GD5</li>
												<li><span>显示器：</span>AOC e2343F（LED屏）</li>
											</ul>
										</td>
										<td><span class="price">&yen;<b>6666</b></span></td>
									</tr>
								</tbody>
							</table>
						</div>
					</div>
					<div class="block">
						<h2 class="block-hd">用户收货信息</h2>
						<div class="block-bd">
							<div class="address-saved">
								<h3 class="address-saved-hd">保存的收货地址</h3>
								<ul class="address-saved-bd">
									<li>
										<input type="radio" name="address" value="1" checked="checked" id="savedAddress" />
										<label for="savedAddress">周易 江苏 南京市 鼓楼区</label>
									</li>
									<li>
										<input type="radio" name="address" value="1" id="otherAddress" />
										<label for="otherAddress">其他收货地址</label>
									</li>
								</ul>
							</div>
							<ul class="address-input" style="display:none;">
								<li>
									<span>收货人姓名：</span>
									<input type="text" name="" class="input-text" />
								</li>
                                <li>
                                    <span>联系电话：</span>
                                    <input type="text" name="" class="input-text" />
                                </li>
								<li>
									<span>所在省市：</span>
									<select name="province" id="province">
										<option value="">请选择省份</option>
									</select>
									<select name="city" id="city">
										<option value="">请选择城市</option>
									</select>
									<select name="area" id="area">
										<option value="">请选择地区</option>
									</select>
								</li>
								<li>
									<span>街道地址：</span>
									<input type="text" name="" class="input-text" />
								</li>
								<li>
									<span>邮政编码：</span>
									<input type="text" name="" class="input-text" />
								</li>
							</ul>
						</div>
					</div>
					<div class="bottom">
						<a href="javascript:void(0);" class="back blue">&lt;&lt;返回装机方案</a>
						<form>
                          <input type="hidden" />
						  <input type="submit" value="提交订单" class="input-button submit" />
                        </form>
					</div>
				</div>
			</div>
        </div>
        <div class="footer">
            <p>
                <a href="javascript:void(0);">ZOL简介</a>
                <a href="javascript:void(0);">ZOL历程</a>
                <a href="javascript:void(0);">招聘(3月)</a>
                <a href="javascript:void(0);">品牌大全</a>
                <a href="javascript:void(0);">站点地图</a>
                <a href="javascript:void(0);">联系我们</a>
                <a href="javascript:void(0);">RSS订阅</a>
                <a class="aboutme" href="javascript:void(0);">反馈/纠错</a>
            </p>
            <p class="copyright">
                &nbsp;&copy;2012 CBS Interactive. All rights reserved. 中关村在线 版权所有.
            </p>
        </div>
    </body>
</html>
